#app {
    width : 100%;
    height: 100%;
}

html,body {
    height: 100%;
}

.full_div {
    width : 100%;
    height: 100%;
}

.flex_column_div {
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.pre_warp {
    white-space: pre-wrap;
}

.color_red {
    color: red;
}

.color_blue {
    color: blue;
}

.status_div {
    width          : 100%;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    justify-items  : center;
    align-items    : center;
}

.status_div button {
    margin: 2px;
}

.status_div span {
    margin: 2px;
}

.status_div_row {
    width          : 100%;
    display        : flex;
    flex-direction : row;
    justify-content: space-around;
    justify-items  : center;
    align-items    : center;
}

.status_div_row button {
    margin: 2px;
}

.status_div_row span {
    margin: 2px;
}

.select:hover {
    background: #47b8e0;
    cursor    : pointer
}

.text_hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}